<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 

<!-- 
Author: Michael Hanna
Class/Section: COIN 071 0741 EH W10, Winter 2010
Date Created: Today
Copyright &copy; 2009 Michael Hanna 
--> 

<head> 
<title>Palo Alto Bicycle Club</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<meta http-equiv="Content-Language" content="en-us" /> 
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAKfSIpqvYvv06ct-cn8YFARQd22Grf9IKmPGUd3sckVmPHWTBWxTzscbD3Epe9l1_9t0HqDRPqFNTpw"
      type="text/javascript"></script>
   <script language = 'JavaScript' type = 'text/javascript' src='displayMap.js'> </script>

<link rel="stylesheet" href="BicycleClub.css" type="text/css" media="all" />

<style type="text/css"> 
/* <![CDATA[ */ 
/* ... if you are including embedded styles, replace this comment with your style rules ... */ 
/* ]]> */ 
</style> 
</head> 

<body> 

<!-- begin page container **************************************** -->
<div id="container">

<!-- begin header         **************************************** -->
  <div id="header_left">
    <img src="images/BikeClubLogoGraphic.png" alt="Palo Alto Bicycle Club Logo" id="logo"/>
    <p class="logo_text1 clearfloats">
    Palo Alto
    </p>
    <p class="logo_text2">
    Bicycle Club
    </p>
  </div>
  <div id="header_right">
    <img src="images/Paloaltoimg.jpg" alt="Palo Alto Bicycle Club Picture" id="photo" />
  </div>
<!-- end   header         **************************************** -->

<!-- begin menu         **************************************** -->
  <div id="menu">
    <ul>  
    <li><a href="#">Home Page</a></li>  
    <li><a href="#">Post a Ride</a></li>  
    <li><a href="#">Post a Notice</a></li>  
    <li><a href="#">Route Library</a></li>  
    <li><a href="#">Photo Gallery</a></li> 
    <li><a href="#">Membership Form</a></li>  
    <li><a href="#">Amazon Store</a></li>  
    <li><a href="mailto:webmaster@paloaltobikeclub.com">Contact Webmaster</a></li>
  </ul> 

  </div>
<!-- end   menu         **************************************** -->

<!-- begin navigation     **************************************** -->
  <div id="nav" class="clearfloats">

    <ul>
      <!-- begin WeatherBug garbage **************************************** -->
            <link rel="stylesheet" type="text/css" media="screen" href="http://img.weather.weatherbug.com/Style/stickers/v2/Stickers_250x250.css" /> 

           <div class="wXbody">
	
		   <iframe id="WeatherBugSticker_250x250_v2" src="http://weather.weatherbug.com/desktop-weather/web-widgets/getSticker.html?ZipCode=94301&ZCode=z5545&Size=250x250&StationID=STNFR&units=0&Version=2" width="236" height="174" frameborder="0" scrolling="no" allowtransparency="yes"></iframe>
		
		   <div class="wXlinks">
            <span class="link"><a href="http://weather.weatherbug.com/weather-forecast.html" target="_blank" onclick="Javascript:this.href='http://weather.weatherbug.com/CA/Palo Alto-weather/local-forecast/7-day-forecast.html?zcode=z5545&units=0'">Forecast</a></span>
            <span class="link"><a href="http://weather.weatherbug.com/doppler-radar.html" target="_blank" onclick="Javascript:this.href='http://weather.weatherbug.com/CA/Palo Alto-weather/local-radar/doppler-radar.html?zcode=z5545&units=0'">Radar</a></span>
            <span class="link"><a href="http://weather.weatherbug.com/weather-cams.html" target="_blank" onclick="Javascript:this.href='http://weather.weatherbug.com/CA/Palo Alto-weather/weather-cams/local-cams.html?zcode=z5545&units=0'">Cameras</a></span>
			<span class="link"><a href="http://community-weather.weatherbug.com/community/weather-photos/photo-gallery.html" target="_blank" onclick="Javascript:this.href='http://community-weather.weatherbug.com/community/weather-photos/photo-gallery.html?zcode=z5545&units=0&zip=94301'">Photos</a></span>
           </div>

		  <div class="footer">
		   <a href="http://weather.weatherbug.com/default.html" target="_blank" onclick="Javascript:this.href='http://weather.weatherbug.com/CA/Palo Alto-weather.html?zcode=z5545&units=0'"><img src="http://img.weather.weatherbug.com/images/stickers/v2/300x250/wxbug-logo.jpg" id="logo" border="0" alt="WeatherBug" /></a>
		   <a href="http://weather.weatherbug.com/default.html" target="_blank" onclick="Javascript:this.href='http://weather.weatherbug.com/CA/Palo Alto-weather.html?zcode=z5545&units=0'"><img src="http://img.weather.weatherbug.com/images/stickers/v2/300x250/local.jpg" border="0" id="location1" alt="WeatherBug" /></a>
		   </div>
		  <div class="footertext">Your weather just got better.</div>
	      </div>
      
      <!-- end   WeatherBug garbage **************************************** -->
    <div id="mapDiv" style = "width: 250px; height: 250px"><div>
    </ul
  </div>
<!-- end   navigation     **************************************** -->

<!-- begin main content   **************************************** -->
  <div id="content">

  
    <h2>
        About the Palo Alto Bicycle Club
    </h2>
  
    <p>
    The club is a dedicated group of people with high-tech bicycles that
    cost as much as a small car, who wear cool Spandex outfits with more
    corporate logos than an infomercial.  This group rides in packs for
    protection from the predatory species <em>Smog belcherator
    automobilensis</em>.  The club has multiple rides to various
    Bay Area locations every week.
    </p>

    <p>
    </p>

    <h2>
    List of Rides
    </h2>

    
  </div>
<!-- end   main content   **************************************** -->

<!-- begin footer         **************************************** -->
  <div id="footer">
    Copyright &copy; Palo Alto Bicyle Club 2010
  </div>
<!-- end   footer         **************************************** -->

</div>
<!-- end   page container **************************************** -->

</body> 
</html> 
